<!doctype html>
<html><!-- InstanceBegin template="/Templates/biTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no,target-densitydpi=300">
<!-- InstanceBeginEditable name="doctitle" -->
<title>账单详情</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="EditRegion-jscode" -->
<script src="../resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../resources/cubiq-iscroll-a8b8720/src/iscroll.js"></script>
<script src="res/jqplot/jquery.jqplot.min.js"></script>
<script src="res/jqplot/plugins/jqplot.pointLabels.js"></script>
<script src="res/jqplot/plugins/jqplot.barRenderer.js"></script>
<script src="res/jqplot/plugins/jqplot.categoryAxisRenderer.js"></script>
<script src="res/js/jquery.mobile-1.2.0-rc.2.min.js"></script>
<script src="res/common.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F883c1dc0c5cf74748ff6876f4606832f' type='text/javascript'%3E%3C/script%3E"));
</script>

<link rel="stylesheet" type="text/css" href="res/css/jquery.jqplot.min.css">
<link href="res/css/jquery.mobile-1.2.0-rc.2.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
var curphone = window.localStorage.getItem("curphone");
var userkey = window.localStorage.getItem("userkey");
var myScroll;
var newpacId;
var newpacNm;
var newpacPr;
var errorcount=0;
var mathvoice;
var mathflow;
var mathsms;
var mathmms;
var scrtop;
function loaded() {
	myScroll = new iScroll('wrapper2');
}

//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
//document.removeEventListener('touchmove');
document.addEventListener('DOMContentLoaded', loaded, false);
addEventListener("load",function(){
	
		$("#loading").hide();
		$(".floatBoxBg").hide();
	
	});
$(document).ready(function(e) {
	if(detectDeviceType()=="Apple"){
		$("#viewport").attr("content","width=640,initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5,user-scalable=no");
	}
	$("#content").append('<div class="woDiv" onclick="download()"><span style="color:#49494b;">下载智能云管家客户端</span><img src="res/img/downll.png" style="padding-top:15px;"/></div>');
    var billurl = jsonserver+"ad/"+curphone+"/"+userkey;
	$.getJSON(billurl+".jsonp?callback=?",{},function(data){
		$("#title1").append(data.text1);
		$("#billdet").append(data.text3);
		$("#historytab").append(data.text6);
		$("#billhead").append(data.text2);
		if(data.rec!=null)
		{
		$("#recotitle").append(data.rec.recomPkgName);
		$("#recodet").append(data.rec.recomTable);
		$("#recother").html(data.rec.recoDesc);
		$("#btn").bind("click",function(){
			var sheight = document.documentElement.clientHeight;
			if(navigator.userAgent.toLowerCase().indexOf("android", 0)<0){
				sheight = sheight+123;
			}
			var wintop = (sheight-776)/2;
			$(".packpage").css("top",wintop+"px");
			$("#blackback").show();
			$("#packpage5").show();
			//window.scrollTo(0,1);
			$("#newpac1").text(data.rec.recomPkgName);
			$("#newprice1").text(data.rec.monthPrice);
		});
		mathvoice = data.rec.voice;
		mathflow = data.rec.flow;
		mathsms = data.rec.sms;
		mathmms = data.rec.mms;
		}else{
			$("#recshow").text("尊敬的用户,建议您继续使用当前套餐").addClass("titletext").css("text-align","center");
		}
		var ticks = data.months;
		//var ser = new Array();
		//for(i=0;i<data.items.length;i++){
			//ser[i]={label:data.items[i]};
		//}
        plot2 = $.jqplot('historymap', data.data6, {
            stackSeries: true,
            captureRightClick: true,
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                rendererOptions: {
					barWidth:100,
                    highlightMouseDown: true   
                },
                pointLabels: {show: false}
            },
			series:data.items,
		
            legend:{
				show:false,
				placement: 'outside',
				location:'ne'
				},
			  axes:
     		 {
				   //轴线相关参数
				 xaxis:
				 {
					 
				   renderer: $.jqplot.CategoryAxisRenderer,
				   ticks:ticks,
				    tickOptions: {  
					fontSize:'22px'
					}
				      
				 },
				  yaxis:
				 {
				    tickOptions: {  
					fontSize:'22px'
					}
				      
				 }
     		 }
         
        });
	var proItems=data.items;
	$.each(proItems,function(j,pro){
		var pkIndexColor=$("<div>").css({
				"width":"16px",
				"height":"16px",
				"border":"1px solid #000",
				"background-color":pro.color,
				"float":"left"
				});
		var pkIndexText=$("<div>").text(pro.label).css("width","150%");
		var c=$("<div>").css({
				"height":"16px",
				//"width":"500px",
				"line-height":"16px",
				"float":"left",
				"padding-left":"20px",
				"padding-top":"20px"
				});;
		pkIndexColor.appendTo(c);
		pkIndexText.appendTo(c);
		c.appendTo($("#test"));

	});
	window.setTimeout(function(){window.scrollTo(0,1);},1000);
	});
	$("input[type='radio']").bind("change",function(){
		if($("input[type='radio']:eq(0)").attr("checked")){
			$("#historytab").hide();
			$("#historymap").show();
				$("#test").show();			
		}else{
			$("#historymap").hide();
			$("#historytab").show();
			$("#test").hide();
		}
	});
	$("input[type='radio']:eq(0)").attr("checked",true).checkboxradio("refresh");
	$("input[type='radio']:eq(1)").attr("checked",false).checkboxradio("refresh");
	$("input[type='radio']").trigger("change");
	
	
});
function pdefau(e){
	e.preventDefault();
}
function divadd(){
document.addEventListener('touchmove', pdefau, false);

	var sheight = document.documentElement.clientHeight;
	if(navigator.userAgent.toLowerCase().indexOf("android", 0)<0){
		sheight = sheight+123;
	}
	var wintop = (sheight-776)/2;
	$(".packpage").css("top",wintop+"px");
	//window.scrollTo(0,1);
	$("#blackback").show();
	$("#packpage1").show();
	scrtop = window.top;
	//alert(scrtop);
	//window.scrollTo(0,1);
	$("#billbar1").attr("src","res/img/billdet/2_030on.png");
	$("#yuyinsq").val(mathvoice);
	$("#liuliangsq").val(mathflow);
	$("#duanxinsq").val(mathsms);
	$("#caixinsq").val(mathsms);

}
function next1(){
	errorcount=0;
	blurtest("v");
	blurtest("f");
	blurtest("s");
	blurtest("m");
	if(errorcount>0) {
		return false;
	}
	var voicenum = $("#yuyinsq").val();
	var flownum = $("#liuliangsq").val();
	var smsnum = $("#duanxinsq").val();
	var mmsnum = $("#caixinsq").val();
	$("#packpage1").hide();
	$("#packpage2").show();
	$("#scrload").show();
    var url1=jsonserver+'ad/calc/{"voice":'+voicenum+',"mms":'+mmsnum+',"flow":'+flownum+',"sms":'+smsnum+',"usernumber":'+curphone+'}';
	$.getJSON(url1+".jsonp?callback=?",{},function(data){
			$("#scrload").hide();
			if(data.sb.status=='99999'){
				$("#scroller3").append('<div style=" font-size:24px; margin:20px auto;">根据当前条件分析,暂无更优惠业务推荐</div>');
			}else if(data.sb.status=='00000'){
				$.each(data.mppList, function(i,field){
					$("#scroller3").append('<div><div id="pac'+field.packageId+'" class="recobg"><table height="83px" width="100%" border="0"><tr><td height="83px"><div style="height:83px"><div class="changepactitle" style="height:83px; line-height:83px">'+field.packageName+'</div><div id="sanjiao'+field.packageId+'" style="position:relative; bottom:15px; left:5%; width:20px; height:11px"><img src="res/img/jiao.png"/></div></div></td><td width="52px"><div><img id="upordown'+field.packageId+'" src="res/img/down.png"</div></td></tr></table></div><div id="packdet'+field.packageId+'" class="packdet">'+field.packageText+'</div></div>');
					$("#btn_"+field.packageId).bind("click",function(){
						newpacId = field.packageId;
						newpacNm = field.packageName;
						newpacPr = field.packagePrice;
						modifySubmit(newpacId);
					});
				
					$("#pac"+field.packageId).bind("click",function(){
							$("#packdet"+field.packageId).slideToggle("fast",function(){
								if($("#upordown"+field.packageId).attr("src")=="res/img/up.png"){
									//myScroll.scrollToElement("#packdet"+field.packageId);
								}
							});
							if($("#upordown"+field.packageId).attr("src")=="res/img/up.png"){
								$("#upordown"+field.packageId).attr("src","res/img/down.png");
							}else{
								$("#upordown"+field.packageId).attr("src","res/img/up.png");
								
							}
							$("#sanjiao"+field.packageId).fadeToggle();
							window.setTimeout(function(){myScroll.refresh();}, 1000);
						});
						$("#sanjiao"+field.packageId).hide();
						$("#packdet"+field.packageId).hide();
					});
			}
				myScroll.refresh();
	});
	myScroll.refresh();
}

function next3(){
	$("#packpage3").hide();
	$("#packpage4").show();
}
function next4(){
	$("#blackback").hide();
	$("#packpage4").hide();
}
function next5(){
	$("#packpage5").hide();
	$("#packpage6").show();
}
function exitpac(){
	$("#scroller3").empty();
	$(".packpage").hide();
	$("#blackback").hide();
	$("#billbar2").attr("src","res/img/billdet/billbar2.png");
	$("#billbar1").attr("src","res/img/billdet/billbar1.png");
	$("#billbar3").attr("src","res/img/billdet/billbar3.png");
	document.removeEventListener('touchmove',pdefau);
	//window.scrollTo(scrtop);
}
function modifySubmit(pid){
	$("#packpage2").hide();
	$("#packpage3").show();
	$("#newpac").text(newpacNm);
	$("#newprice").text(newpacPr);
}
function goback1(){
	$("#packpage2").hide();
	$("#scroller3").empty();
	$("#packpage1").show();
}
function goback2(){
	$("#packpage3").hide();
	$("#packpage2").show();
}
function pingjun(num){
	if((num=='3')&&($("#billbar2").attr("src")=="res/img/billdet/billbar2.png")){
		$("#billbar2").attr("src","res/img/billdet/2_04on.png");
		$("#billbar1").attr("src","res/img/billdet/billbar1.png");
		$("#billbar3").attr("src","res/img/billdet/billbar3.png");
		var pingjunurl1 = jsonserver+"ad/avg/"+curphone+"/"+num;
		$.getJSON(pingjunurl1+".jsonp?callback=?",{},function(data){
			$("#yuyinsq").val(data.voice);
			$("#liuliangsq").val(data.flow);
			$("#duanxinsq").val(data.sms);
			$("#caixinsq").val(data.mms);
		});
	}else if((num=='5')&&($("#billbar3").attr("src")=="res/img/billdet/billbar3.png")){
		$("#billbar3").attr("src","res/img/billdet/2_05on.png");
		$("#billbar1").attr("src","res/img/billdet/billbar1.png");
		$("#billbar2").attr("src","res/img/billdet/billbar2.png");
		var pingjunurl1 = jsonserver+"ad/avg/"+curphone+"/"+num;
		$.getJSON(pingjunurl1+".jsonp?callback=?",{},function(data){
			$("#yuyinsq").val(data.voice);
			$("#liuliangsq").val(data.flow);
			$("#duanxinsq").val(data.sms);
			$("#caixinsq").val(data.mms);
		});
	}
}
function formisright(num){
	var patrn=/^[\+]?\d+(?:\.d+)?$/;
    if (!patrn.exec(num)) return false;
    return true;
}
function blurtest(txt){
	if(txt=="v"){
		if(!formisright($("#yuyinsq").val())){
			$("#yuyinwarn").text("请确认语音业务量为整数且不小于0");
			errorcount++;
		}else{
			$("#yuyinwarn").empty();
		}
	}
	if(txt=="f"){
		if(!formisright($("#liuliangsq").val())){
			$("#liuliangwarn").text("请确认流量业务量为整数且不小于0");
			errorcount++;
		}else{
			$("#liuliangwarn").empty();
		}
	}
	if(txt=="s"){
		if(!formisright($("#duanxinsq").val())){
			$("#duanxinwarn").text("请确认短信业务量为整数且不小于0");
			errorcount++;
		}else{
			$("#duanxinwarn").empty();
		}
	}
	if(txt=="m"){
		if(!formisright($("#caixinsq").val())){
			$("#caixinwarn").text("请确认彩信业务量为整数且不小于0");
			errorcount++;
		}else{
			$("#caixinwarn").empty();
		}
	}
}
function oldreco(){
	if($("#billbar1").attr("src")=="res/img/billdet/billbar1.png"){
		$("#billbar1").attr("src","res/img/billdet/2_030on.png");
		$("#billbar2").attr("src","res/img/billdet/billbar2.png");
		$("#billbar3").attr("src","res/img/billdet/billbar3.png");
		$("#yuyinsq").val(mathvoice);
		$("#liuliangsq").val(mathflow);
		$("#duanxinsq").val(mathsms);
		$("#caixinsq").val(mathsms);
	}
}
</script>
<link href="res/index/css/bill.css" rel="stylesheet" type="text/css">
<link href="res/common.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->
<style type="text/css">
*{
	font-family:Heiti SC;
	font-weight:600;
}
</style>
	<script type="text/javascript">
//var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
//document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2284c04845acdcd94dd640a8555927dc' type='text/javascript'%3E%3C/script%3E"));
</script>

</head>
<link rel="icon" href="res/img/logo.png" type="image/x-icon">
<link rel="shortcut icon" href="res/img/logo.png" type="image/x-icon"> 
<body style="margin:0;">

	<div id="header">
	<!-- InstanceBeginEditable name="EditRegion-header" -->
 <table width="100%" height="88px">
    	<tr>
        	<td width="10%" onClick="javascript:location.href='index.html'">
            <div><img src="res/img/back.png"/></div>
            </td>
            <td width="80%">
            <span style="font-size:34px; font-weight:bold; color:#fff;">账单详情</span>
            </td>
            <td width="10%">
            
            </td>
        </tr>
    </table>
	<!-- InstanceEndEditable -->
    </div>
    <div id="content">
    <div id="loading" class="loading"><img src="res/loading.gif"/>载入中...</div>
    <div class="floatBoxBg"></div>
	<!-- InstanceBeginEditable name="EditRegion-content" -->
    
    <div id="title1" class="billtitle">
    	
    </div>
    <div id="billhead" class="billhead">
    
    </div>
    <div id="billdet" class="billdet">
    
    </div>
    <hr color="#DCDCDC" size="1px"/>
    <div class="billtitle"><span class="titleclass">历史账单</span></div>
     <div align="center">
    
    <fieldset data-type="horizontal" data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-horizontal"><div class="ui-controlgroup-controls">
	<div id="daymap" class="ui-radio"><input type="radio" value="off" id="radio-choice-d" name="radio-choice-b"><label id="daylabel" for="radio-choice-d" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-btn-up-c ui-radio-off"><span class="ui-btn-text" style="font-size:26px">历史账单图表</span></label></div>
			         	
			         	<div id="monthmap" class="ui-radio"><input type="radio" value="other" id="radio-choice-e" name="radio-choice-b"><label id="monthlabel" for="radio-choice-e" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-radio-off ui-corner-right ui-controlgroup-last ui-btn-up-c"><span class="ui-btn-text" style="font-size:26px">历史账单列表</span></label></div> 	
		</div>
     </fieldset>
     </div>
	 <div class="danwei">金额（元）</div>
    <div id="historytab">
    
    </div>
    <div id="historymap" style="width:95%; margin-left:3%"></div>
    <div id="test" style="font-size:20px; font-weight:bold;  width:100%; height:120px; margin:10px auto;padding-left:2%;"></div>
 <hr color="#DCDCDC" size="1px"/>
    
    <div id="pacrecom" class="pacreco" style="padding-top:20px; clear:both;">
    <span class="titleclass">推荐业务</span>
    <div id="recshow">
        <div id="recotitle" style="height:83px; line-height:83px; font-size:30px; padding-left:15px"></div>
        <div id="recodet" style="padding-top:20px;"></div>
        <div id="recother" style="padding-top:10px; padding-bottom:10px; width:98%;">
          <!--  <table width="100%" border="0">
              <tr>
                <td width="80%" id="recomFee" style="padding-left:10px"></td>
                <td width="20%" align="right" style="padding-right:25px"><img src="res/img/busichang.png"/></td>
              </tr>
              
              <tr>
                <td colspan="2" id="curFee"></td>
              </tr>
            </table>-->
        </div>
        <div align="center" style="margin-top:10px;"><img src="res/img/billdet/morepac.png" onClick="divadd()"/></div>
        </div>
         <br/>
    <div style="color:#676767; font-size:24px; text-align:center;">注:本页数据仅供参考，详细内容请以营业厅信息为准!</div>
        <!--<div style="height:165px;">
<table width="100%" height="165px" border="0">
  <tr height="55px">
    <td><span>AAAAAAAA</span><span>BBBBBB</span></td>
    <td width="155px">&nbsp;</td>
  </tr>
  <tr height="55px">
    <td><span>AAAAAAAA</span><span>BBBBBB</span></td>
    <td>&nbsp;</td>
  </tr>
  <tr height="55px">
    <td><span>AAAAAAAA</span><span>BBBBBB</span></td>
    <td style="text-align:left"><div id><img src="res/img/billdet/pacchange.png"/></div></td>
  </tr>
</table>

</div>-->
    </div>
     
	<!-- InstanceEndEditable -->
    </div>
    <!-- InstanceBeginEditable name="EditRegion-footer" -->
    <div id="blackback" class="blackback" style="display:none"></div>
    <div id="packpage1" class="packpage" style="display:none">
    <div style="height:16px; width:100%"><img height="16px" width="100%" src="res/img/billdet/jianbian.png"/></div>
    	<div class="packpagetitle">
  
    套餐变更
    
</div>
<img src="res/img/billdet/hengxian.png"/>
        <div class="pleconfig">请设置各项业务使用需求量：</div>
        <div align="center" style="height:72px;">
        <table width="556px" height="72px" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="159px" onClick="oldreco()"><img id="billbar1" src="res/img/billdet/billbar1.png"/></td>
    <td width="196px" onClick="pingjun('3')"><img id="billbar2" src="res/img/billdet/billbar2.png"/></td>
    <td width="201px" onClick="pingjun('5')"><img id="billbar3" src="res/img/billdet/billbar3.png"/></td>
  </tr>
</table>
</div>
<div align="center">
<div class="billform" align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="86px" width="125px" align="right">语音</td>
    <td width="301px" align="center"><input id="yuyinsq" class="billinput" width="253px;" type="tel" onblur="blurtest('v')"/></td>
    <td width="125px" align="left">分钟/月</td>
  </tr>
  <tr>
    <td height="86px" width="125px" align="right">流量</td>
    <td width="301px" align="center"><input id="liuliangsq" class="billinput" type="tel" onblur="blurtest('f')"/></td>
    <td width="125px" align="left">Ｍ /月</td>
  </tr>
  <tr>
    <td height="86px" width="125px" align="right">短信</td>
    <td width="301px" align="center"><input id="duanxinsq" class="billinput" type="tel" onblur="blurtest('s')"/></td>
    <td width="125px" align="left">条 /月</td>
  </tr>
  <tr>
    <td height="86px" width="125px" align="right">彩信</td>
    <td width="301px" align="center"><input id="caixinsq" class="billinput" type="tel" onblur="blurtest('m')"/></td>
    <td width="125px" align="left">条 /月</td>
  </tr>
</table>
<div id="yuyinwarn" style="position:absolute; top:285px; width:556px; font-size:22px; color:#F00" align="center"></div>
<div id="liuliangwarn" style="position:absolute; top:375px; width:556px; font-size:22px; color:#F00" align="center"></div>
<div id="duanxinwarn" style="position:absolute; top:460px; width:556px; font-size:22px; color:#F00" align="center"></div>
<div id="caixinwarn" style="position:absolute; top:545px; width:556px; font-size:22px; color:#F00" align="center"></div>
        </div>
        </div>
        <div align="center" style="padding-top:42px;">
        <div><img src="res/img/billdet/searchpack.png" onClick="next1()"/></div>
        <div style="height:70px; line-height:70px;"><img src="res/img/billdet/yesdot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/nodot.png"/></div>
    </div>
    <div style="position:relative; bottom:0; height:16px; width:100%"><img width="100%" height="16px" src="res/img/billdet/jianbian.png"/></div>
    <div style="position:absolute; top:-12px; right:-10px; width:56px; height:55px" onClick="exitpac()"><img src="res/img/billdet/exit.png"/></div></div>
    <div id="packpage2" class="packpage" style="display:none">
    	<div style="height:16px; width:100%"><img height="16px" width="100%" src="res/img/billdet/jianbian.png"/></div>
    	<div class="packpagetitle">
  
    套餐变更
    
</div>

<img src="res/img/billdet/hengxian.png"/>
        <div id="wrapper2">
   			<div id="scroller2">
            <div id="scroller3">
            </div>
            <div id="scrload" style="position:relative; top:170px;"><img src="res/loading.gif"/></div>
    		</div>
    	</div>
        <div style="position:absolute; bottom:-1px; height:16px; width:100%"><img width="100%" height="16px" src="res/img/billdet/jianbian.png"/></div>
    <div style="position:absolute; top:-12px; right:-14px; width:56px; height:55px" onClick="exitpac()"><img src="res/img/billdet/exit.png"/></div>
    <div style="width:37px; height:45px; position:absolute; left:10px; top:36px;" onClick="goback1()"><img src="res/img/billdet/goback.png"/></div>
    <div align="center" style="height:45px; width:100%; text-align:center; padding-top:23px; position:absolute; bottom:16px;"><div align="center" style="width:100%;"><img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/yesdot.png"/></div></div>
    </div>
   <!-- <div id="packpage3" class="packpage" style="display:none">
    	<div style="height:16px; width:100%"><img height="16px" width="100%" src="res/img/billdet/jianbian.png"/></div>
    	<div class="packpagetitle">
  
    套餐变更
    
</div>
<img src="res/img/billdet/hengxian.png"/>
<div class="changeconfirm">
	您申请将套餐变更为：<span id="newpac" style="color:#435b77"></span><br>
    资费：<span style="color:#435b77"><span id="newprice"></span>元/月；<br>将于下月1日生效</span>
</div>
<div style="margin-top:24px"><table width="100%" border="0">
  <tr>
    <td><img src="res/img/billdet/confyes.png" onClick="next3()"/></td>
    <td><img src="res/img/billdet/confno.png" onClick="goback2()"/></td>
  </tr>
</table>
</div>
        <div style="position:absolute; bottom:-1px; height:16px; width:100%"><img width="100%" height="16px" src="res/img/billdet/jianbian.png"/></div>
    <div style="position:absolute; top:-12px; right:-14px; width:56px; height:55px" onClick="exitpac()"><img src="res/img/billdet/exit.png"/></div>
    <div style="width:37px; height:45px; position:absolute; left:10px; top:36px;" onClick="goback2()"><img src="res/img/billdet/goback.png"/></div>
    <div align="center" style="height:45px; width:100%; text-align:center; padding-top:23px; position:absolute; bottom:16px;"><div align="center" style="width:100%;"><img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/yesdot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/nodot.png"/></div>
    </div>
    </div>
    <div id="packpage4" class="packpage" style="display:none">
    	<div style="height:16px; width:100%"><img height="16px" width="100%" src="res/img/billdet/jianbian.png"/></div>
    	<div class="packpagetitle">
  
    套餐变更
    
</div>
<img src="res/img/billdet/hengxian.png"/>
<div class="changeconfirm2">
	<span style="color:#435b77">恭喜！业务已办理成功，<br>将于下月1日生效。</span>
</div>

        <div style="position:absolute; bottom:-1px; height:16px; width:100%"><img width="100%" height="16px" src="res/img/billdet/jianbian.png"/></div>
    <div style="position:absolute; top:-12px; right:-14px; width:56px; height:55px" onClick="exitpac()"><img src="res/img/billdet/exit.png"/></div>
    <div style="margin-top:300px;"><img src="res/img/billdet/close.png" onClick="exitpac()"/></div>
    <div align="center" style="height:45px; width:100%; text-align:center; padding-top:23px; position:absolute; bottom:16px;"><div align="center" style="width:100%;"><img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/yesdot.png"/></div>
    </div>
    </div>
    <div id="packpage5" class="packpage" style="display:none">
    	<div style="height:16px; width:100%"><img height="16px" width="100%" src="res/img/billdet/jianbian.png"/></div>
    	<div class="packpagetitle">
  
    套餐变更
    
</div>
<img src="res/img/billdet/hengxian.png"/>
<div class="changeconfirm">
	您申请将套餐变更为：<span id="newpac1" style="color:#435b77"></span><br>
    资费：<span style="color:#435b77"><span id="newprice1"></span>元/月；<br>将于下月1日生效</span>
</div>
<div style="margin-top:24px"><table width="100%" border="0">
  <tr>
    <td><img src="res/img/billdet/confyes.png" onClick="next5()"/></td>
    <td><img src="res/img/billdet/confno.png" onClick="exitpac()"/></td>
  </tr>
</table>
</div>
        <div style="position:absolute; bottom:-1px; height:16px; width:100%"><img width="100%" height="16px" src="res/img/billdet/jianbian.png"/></div>
    <div style="position:absolute; top:-12px; right:-14px; width:56px; height:55px" onClick="exitpac()"><img src="res/img/billdet/exit.png"/></div>
    
    <div align="center" style="height:45px; width:100%; text-align:center; padding-top:23px; position:absolute; bottom:16px;"><div align="center" style="width:100%;"><img src="res/img/billdet/yesdot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/nodot.png"/></div>
    </div>
    </div>
    <div id="packpage6" class="packpage" style="display:none">
    	<div style="height:16px; width:100%"><img height="16px" width="100%" src="res/img/billdet/jianbian.png"/></div>
    	<div class="packpagetitle">
  
    套餐变更
    
</div>
<img src="res/img/billdet/hengxian.png"/>
<div class="changeconfirm2">
	<span style="color:#435b77">恭喜！业务已办理成功，<br>将于下月1日生效。</span>
</div>

        <div style="position:absolute; bottom:-1px; height:16px; width:100%"><img width="100%" height="16px" src="res/img/billdet/jianbian.png"/></div>
    <div style="position:absolute; top:-12px; right:-14px; width:56px; height:55px" onClick="exitpac()"><img src="res/img/billdet/exit.png"/></div>
    <div style="margin-top:300px;"><img src="res/img/billdet/close.png" onClick="exitpac()"/></div>
    <div align="center" style="height:45px; width:100%; text-align:center; padding-top:23px; position:absolute; bottom:16px;"><div align="center" style="width:100%;"><img src="res/img/billdet/nodot.png"/>&nbsp;&nbsp;<img src="res/img/billdet/yesdot.png"/></div>-->
    </div>
    </div>
	<!-- InstanceEndEditable -->
    <div id="footer">
    </div>
    
</body>
<!-- InstanceEnd --></html>
